Help:Link color

 ( Wikipedia Link Help ) 

In Wikipedia, the color of a shows the status of the corresponding target page. The default colors (in the Vector skin) have the following meanings:

• :

Note that the colors in the boxes may appear darker than text of the same color; also, larger or bold text will tend to look darker. Furthermore, the actual color seen by a user will vary slightly according to their operating system, desktop settings, and browser, as well as their monitor and (for low-end LCDs) viewing angle. Logged-in users can also change the colors they see by selecting a different skin or using custom CSS.

---

Custom link colors

---

Make internal links appear a different color for everyone You can turn links a different color like so:

*[[example|<span style="color:green;">This page exists.</span>]]
*[[exampl|<span style="color:green;">This page does not exist.</span>]]
     

Which renders as:

*[[example|This page exists.]]
*[[exampl|This page does not exist.]]
     

Or, if you desire existence checking you can try:

*[[example|{{#ifexist: example|<span  style="color:green;">This page exists.</span>|This  page does not exist.}}]]
*[[exampl|{{#ifexist: exampl|<span  style="color:green;">This page exists.</span>|This  page does not exist.}}]]
     

Which renders as:

*[[example|]]
*[[exampl|]]
     

---

Making links appear a different color just for you You can also customize link colors by editing your CSS .

The standard link selectors are:

• a:link — defines the style for normal unvisited links
• a:visited — defines the style for visited links
• a:active — defines the style for active links; links become active once you click on them
• a:hover — defines the style for hovered links; links hover when the mouse moves over it

Colors are defined by hexadecimal characters: see web colors.

/* standard link colors */ .mw-body a:link { color: #0000FF; } /* normal unvisited links */ .mw-body a:link:visited { color: #7F007F; } /* visited links */ .mw-body a:link:active { color: #FF0000; } /* active links */ .mw-body a:link.new { color: #FF0000; } /* new links */ .mw-body a:link.interwiki { color: #3366BB; } /* interwiki links */ .mw-body a:link.external { color: #3366BB; } /* external links */ .mw-body a:link.stub { color: #772233; } /* hovered links */

.mw-body a:link {color: #FF0000} .mw-body a:visited {color: #00FF00} .mw-body a:hover {color: #FF00FF} .mw-body a:active {color: #0000FF}

Notes:

• a:hover must come after a:link and a:visited
• a:active must come after a:hover
• you need to have ".mw-body" in front of the standard link definition, because otherwise the default definition on this website will still take precedence over what you have defined.

Redirect links

Show redirects as green links: .mw-body a.mw-redirect {color:#308050} .mw-body a.mw-redirect:visited {color:#3070A0}

External links

.mw-body a.external {color: #008000}

---

Other changes You can also format the text in other ways.

Text-decoration

This allows formatting such as underlines. For example:

.mw-body a:link {color: #000000; text-decoration: underline; }

Possible values are:

• none
• underline
• overline
• line-through

font-family

This will change the link font:

.mw-body a:link {font-family: monospace}

---

Scripts Anomie/linkclassifier is a popular script that customizes colors to indicate links such as pages to be deleted, nonfree-media, redirects, protected pages and more.